<lv-datatable [lvData]="data" [lvScroll]="{ x: '1600px', y: '400px' }" #lvTable>
  <thead>
    <tr>
      <th lvCellKey="id" width="100px">Id</th>
      <th lvCellKey="name">Name</th>
      <th lvCellKey="age">Age</th>
      <th lvCellKey="random">Random</th>
      <th lvCellKey="column1">Column 1</th>
      <th lvCellKey="column2">Column 2</th>
      <th lvCellKey="column3">Column 3</th>
      <th lvCellKey="column4">Column 4</th>
      <th lvCellKey="column5">Column 5</th>
      <th lvCellKey="column6">Column 6</th>
      <th lvCellKey="column7">Column 7</th>
      <th lvCellKey="column8">Column 8</th>
      <th lvCellKey="column9">Column 9</th>
      <th lvCellKey="column10">Column 10</th>
    </tr>
  </thead>
  <tbody>
    <ng-container *ngFor="let item of lvTable.renderData">
      <tr>
        <td width="100px">{{ item.id }}</td>
        <td>{{ item.name }}</td>
        <td>{{ item.age }}</td>
        <td>{{ item.random }}</td>
        <td>{{ item.column1 }}</td>
        <td>{{ item.column2 }}</td>
        <td>{{ item.column3 }}</td>
        <td>{{ item.column4 }}</td>
        <td>{{ item.column5 }}</td>
        <td>{{ item.column6 }}</td>
        <td>{{ item.column7 }}</td>
        <td>{{ item.column8 }}</td>
        <td>{{ item.column9 }}</td>
        <td>{{ item.column10 }}</td>
      </tr>
    </ng-container>
  </tbody>
</lv-datatable>
